<!DOCTYPE html>
<html lang="cs">
    <head>
        <meta charset="utf-8">
        <title>Popcorn.com</title>
        <script  type="text/javascript">
            <!--
            var image1=new Image()
            image1.src="http://icons.iconarchive.com/icons/aha-soft/transport/256/car-icon.png"
            var image2=new Image()
            image2.src="http://www.veryicon.com/icon/png/Transport/Standard%20Transport/Police%20car.png"
            var image3=new Image()
            image3.src="http://cdn1.iconfinder.com/data/icons/iconslandtransport/PNG/256x256/CarGrey.png"
            //-->
        </script>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <link rel="icon" href="http://files.softicons.com/download/system-icons/nano-icon-set-by-freeman/png/48/Nano%20-%20Popcorn%20-%20Simple.png" type="image/x-icon" />
        <link rel="stylesheet" href="template.css" media="screen,projection">

    </head>
    <body> 
        <H3 ALIGN="RIGHT" style="color:black" >Login</H3>
        <FORM  ACTION="./ServletLogin"
               METHOD="POST">
            <CENTER>

                <table width=10%  border="0" align="right" >
                    <tr>
                        <td>
                            Nome de Utilizador:  
                        </td>
                        <td>
                            <INPUT  size="10" TYPE="TEXT" NAME="nome">
                        </td>

                    </tr>
                    <tr>
                        <td>
                            Password:  
                        </td>
                        <td>
                            <INPUT size="10" TYPE="PASSWORD" NAME="password">
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2"></td>
                    </tr>
                    <tr>
                        <td  align="right" colspan="2">
                            <INPUT TYPE="SUBMIT" VALUE="Login" style="height: 25px; width: 100px">
                            <INPUT TYPE="SUBMIT" VALUE="Novo Registo" style="height: 25px; width: 100px">
                        </td>
                    </tr>

                </table>

                <div id="wrap">

                    <header><a id="logo" href="Layout.html">Popcorn.com</a>


                        <nav>
                            <a href="Layout.html" title="Home">Home</a>
                            <a href="./" title="About Us">About us</a>
                            <a href="./" title="Work">Work</a>                           
                            <a href="./" title="Blog">Blog</a>
                            <a href="./" title="Contact">Contact</a>
                        </nav></header><hr>
                    <div  id="intro">
                        <header id="menu" ALIGN="LEFT" style="height: 10px; width: 920px"> 
                            <a title="Guia TV">Guia TV
                            </a>
                            <hr>
                        </header>
                        <img src="firstcar.gif" name="slide" style="overflow:auto; " />

                        <script>
                            <!--
                            //variable that will increment through the images
                            var step=1
                            function slideit(){
                                //if browser does not support the image object, exit.
                                if (!document.images)
                                    return
                                document.images.slide.src=eval("image"+step+".src")
                                if (step<3)
                                    step++
                                else
                                    step=1
                                //call function "slideit()" every 2.5 seconds
                                setTimeout("slideit()",4000)
                            }
                            slideit()
                            //-->
                        </script>



                    </div> <!-- / #intro -->

                    <hr>
                    <div id="content">           

                        <div class="cols marginBottom30 clearFix">

                            <div class="col1-3">
                                <h2 class="withIcon icon1">Fast</h2>
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
                                <a href="./" class="button"><span>Download me</span></a>
                            </div>

                            <div class="col1-3">
                                <h2 class="withIcon icon2">Lovely</h2>
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
                                <a href="./" class="button"><span>Download me</span></a>
                            </div>

                            <div class="col1-3">
                                <h2 class="withIcon icon3">Tasty</h2>
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
                                <a href="./" class="button"><span>Download me</span></a>
                            </div>

                        </div>                                

                        <hr>
                        <div class="marginBottom30 clearFix">

                            <div class="colLeft">

                                <h2>About us</h2>                        
                                <p class="bold">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>                        
                                <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenea.</p>
                                <p>Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur.</p>

                            </div>

                            <div class="colRight">

                                <h2>Recent work</h2>

                                <p class="gallery clearFix">
                                    <a class="photo" href="./"><img src="./tmp/120x120.png" alt="empty"></a>
                                    <a class="photo" href="./"><img src="./tmp/120x120.png" alt="empty"></a>
                                    <a class="photo" href="./"><img src="./tmp/120x120.png" alt="empty"></a>
                                </p>

                                <h3>Lorem ipsum</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nullam quis risus eget urna mollis ornare vel eu leo.</p>

                                <a href="./" class="button"><span>Learn more</span></a>

                            </div>

                        </div>

                        <hr>
                        <div id="twitterBar">
                            <div class="wrap">
                                <span class="icon"></span>
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <a href="./">http://www.google.com</a> <small>2 hours ago</small></p>
                            </div>
                        </div>

                    </div> <!-- / #container -->        

                    <hr>
                    <footer><div class="clearFix">
                            <p class="floatLeft">&copy; 2012 &ndash; <a href="./">Your Name</a> &nbsp;/&nbsp; Free web template by <a href="http://www.templatestar.net">Templatestar.net</a> &nbsp;/&nbsp; Tip: <a href="http://www.grilykrby.cz/">Gril Weber</a>
                                <!--%@##--> Design provided by <a href="http://www.freewebtemplates.com/">Free Website Templates</a>.<!--##@%--></p>
                            <p class="floatRight"><a href="./" class="contact">Contact us</a> <a href="./" class="twitter">Follow us on Twitter</a></p>                    
                        </div>

                    </footer>
                </div> <!-- / #wrap -->

                </body>
                </html>
